
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>会话列表</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link href="/css/chatstyle.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="/js/jquery/jquery.min.js"></script>
    <script src="/js/plugins/jrender/jrender.min.js"></script>
    <script src="/js/common.js"></script>
    <script src="/js/checkLogin.js"></script>
    <script type="text/javascript">

        $(function() {

            var oDropDown = $('.select');
            var oChangeA = $('.listA');
            oDropDown.click(function() {
                $(this).find('.selectList').toggle().siblings('.xl-icon').toggleClass('sq-icon');
            });

            oDropDown.mouseleave(function() {
                $(this).find('.selectList').hide().siblings('.xl-icon').removeClass('sq-icon');
            });
            var currentPage = 1;
            var loading = false;
            var arr = [];
            var totalPage;//总页数
            $.get(baseUrl+"users", {currentPage:currentPage}, function (data) {
                $.merge(arr, data.list);
                var json = {"list": arr};
                $("#roomList").renderValues(json);
            });

        });
    </script>

</head>
<body>
<section class="aui-flexView">
    <header class="aui-navBar">
        <a href="javascript:;">
            <i class="icon"></i>
        </a>
        <div class="aui-center">
            <span class="aui-center-title">私信列表</span>
        </div>
        <a href="javascript:;" class="aui-navBar-item select">
            <i class="icon icon-add"></i>
            <div class="aui-dow-box selectList">
                <div class="aui-dow-box-list">
                    <div href="javascript:;" class="aui-dow-box-item">
                        <div class="aui-dow-box-item-image">
                            <img src="/img/chat/icon-we01.png" alt="">
                        </div>
                        <div class="aui-dow-box-item-title">发起群聊</div>
                    </div>
                    <div href="javascript:;" class="aui-dow-box-item">
                        <div class="aui-dow-box-item-image">
                            <img src="/img/chat/icon-we02.png" alt="">
                        </div>
                        <div class="aui-dow-box-item-title">添加朋友</div>
                    </div>
                    <div href="javascript:;" class="aui-dow-box-item">
                        <div class="aui-dow-box-item-image">
                            <img src="/img/chat/icon-we03.png" alt="">
                        </div>
                        <div class="aui-dow-box-item-title">扫一扫</div>
                    </div>
                    <div href="javascript:;" class="aui-dow-box-item">
                        <div class="aui-dow-box-item-image">
                            <img src="/img/chat/icon-we04.png" alt="">
                        </div>
                        <div class="aui-dow-box-item-title">收付款</div>
                    </div>
                    <div href="javascript:;" class="aui-dow-box-item">
                        <div class="aui-dow-box-item-image">
                            <img src="/img/chat/icon-we05.png" alt="">
                        </div>
                        <div class="aui-dow-box-item-title">帮助与反馈</div>
                    </div>
                </div>
            </div>
        </a>
    </header>
    <section class="aui-scrollView">
        <div class="aui-search">
            <div class="aui-search-box">
                <input type="text" placeholder="搜索">
                <span class="aui-search-box-search">
                            <i class="icon icon-search"></i>
                        </span>
                <span class="aui-search-box-voice">
                            <i class="icon icon-voice"></i>
                        </span>
            </div>
        </div>
        <div class="aui-flex-list" id="roomList">
            <div id="chatroom"  render-loop="list">
            <a href="chat.html" class="aui-flex-list-item">
                <div class="aui-flex-list-image">
                    <img render-src="list.headImgUrl" alt="">
                    <span class="aui-badge"></span>
                </div>
                <div class="aui-flex-list-text">
                    <h4 render-html="list.nickName"></h4>
                    <p class="aui-red-text" render-html="list.sign">[语音]</p>
                </div>
                <span class="aui-flex-list-right">11:28</span>
                <span class="aui-flex-list-mute">
                            <i class="icon icon-mute">

                            </i>
                </span>
            </a>
            </div>
            <!--<a href="javascript:;" class="aui-flex-list-item">-->
                <!--<div class="aui-flex-list-image">-->
                    <!--<img src="/img/chat/icon-logo02.png" alt="">-->
                <!--</div>-->
                <!--<div class="aui-flex-list-text">-->
                    <!--<h4>文件传输助手</h4>-->
                    <!--<p>[图片]</p>-->
                <!--</div>-->
                <!--<span class="aui-flex-list-right">11:30</span>-->
            <!--</a>-->


        </div>
    </section>
    <footer class="aui-footer">
        <a href="javascript:;" class="aui-tabBar-item aui-tabBar-item-active">
                    <span class="aui-tabBar-item-icon">
                        <i class="icon icon-home"></i>
                    </span>
            <span class="aui-tabBar-item-text">私信
                    </span>
        </a>
        <a href="javascript:;" class="aui-tabBar-item ">
                    <span class="aui-tabBar-item-icon">
                        <i class="icon icon-mail"></i>
                    </span>
            <span class="aui-tabBar-item-text">好友
                    </span>
        </a>
        <a href="javascript:;" class="aui-tabBar-item ">
                    <span class="aui-tabBar-item-icon">
                        <i class="icon icon-find"></i>
                    </span>
            <span class="aui-tabBar-item-text">朋友圈
                    </span>
        </a>
        <a href="javascript:;" class="aui-tabBar-item ">
                    <span class="aui-tabBar-item-icon">
                        <i class="icon icon-me"></i>
                    </span>
            <span class="aui-tabBar-item-text">我
                    </span>
        </a>
    </footer>
</section>

</body>
</html>
